<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/shopping.css"/>
		<link rel="shortcut icon" href="./img/favicon.ico"/>
	</head>
	<body>
		<div class="all">
			<!--头部导航栏-->
			<header>
				<div class="nav">
					<h1><a href=""><img src="img/OPPO.png"/></a></h1>
					<ul>
						<li class="menuitem">
							<div class="submenu">
								<ul class="menu_content">
									<li>
										<a href="">
											<img src="img/m_1.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_2.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_3.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_4.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_5.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_6.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_7.png"/>
										</a>
									</li>
								</ul>
							</div>
							<a href="index.html">手机</a>
						</li>
						<li><a href="product.html">品牌</a></li>
						<li><a href="shopping.html">商城</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="register.html">服务</a></li>
						<li><a href="">社区</a></li>
						<li><a href="">ColorOS</a></li>
						<li><a href="">云服务</a></li>
					</ul>
					<a class="oc-icon oc-iconfont-bag oc-iconfont-bag-bold" href="cart.html">
						<div>
							<p class="oc-icon oc-iconfont-cart oc-iconfont-cart-bold">&nbsp;&nbsp;&nbsp;&nbsp;购物车</p>
							<p class="oc-icon oc-iconfont-order oc-iconfont-order-bold">&nbsp;&nbsp;&nbsp;&nbsp;我的订单</p>
							<p class="oc-icon oc-iconfont-account oc-iconfont-account-bold">&nbsp;&nbsp;&nbsp;&nbsp;个人中心</p>
							<p class="oc-icon oc-iconfont-user oc-iconfont-user-bold">&nbsp;&nbsp;&nbsp;&nbsp;登录</p>
						</div>
					</a>
				</div>
			</header>
			
			<!--内容-->
			<section class="shopping_wrap">
				<!--添加新地址-->
				<section class="shopping_content address">
					<label>添加新地址</label>
					<ul>
						<li class="information">
							<div class="information_n">
								<input type="text" name="" id="" placeholder="姓名" />
							</div>
							<div class="information_n">
								<input type="text" name="" id="" placeholder="电话" />
							</div>
						</li>
						<li class="information">
							<div class="information_n">
								<select name="">
									<option value="选择省">选择省</option>
									<option value="选择省">河南省</option>
									<option value="选择省">安徽省</option>
									<option value="选择省">黑龙江省</option>
									<option value="选择省">湖北省</option>
								</select>
								<label for=""class="select-input-icon oc-icon oc-iconfont-select-arrow"></label>
							</div>
							
						</li>
						<li class="information">
							<div class="information_n bigwidth">
								<input type="text" name="" id="" placeholder="详细地址" />
							</div>
						</li>
						<li class="information">
							<a href="">保存</a>
						</li>
					</ul>
				</section>
				<!--电子发票-->
				<section class="shopping_content">
					<div class="pay">
						<label for="" class="bill">
							电子发票
							<a href=""><i class="oc-icon oc-iconfont-doubt whattickes"></i></a>
						</label>
						<ul>
							<li>
								<div class="object">
									<input type="radio" name="1" id="1" value="1212" /><label for="1">个人</label>
								</div>
								<div class="object">
									<input type="radio" name="1" id="1" value="1212" /><label for="1">公司</label>
								</div>
							</li>
							<li>
								<div class="information_self">
									<input type="text" name="" id="" placeholder="个人" />
								</div>
							</li>
						</ul>
					</div>
					<div class="way">
						<label for="">支付方式</label>
						<a href="">在线支付</a>
					</div>
				</section>
				<section class="shopping_content">
					<!--商品清单-->
					<div class="list_product">
						<label for="">商品清单</label>
						<div class="detail">
							<div class="photo">
								<img src="img/list.jpg"/>
							</div>
							<p>R11s 高配版 黑色</p>
							<p>￥ 3599.00</p>
							<p>x1</p>
						</div>
					</div>
					<div class="gift">
						<div class="gift_photo">
							<img src="img/ear.png"/>
						</div>
						<span>运动蓝牙耳机QY7</span>
					</div>
					<!--优惠卷-->
					<div class="discounts">
						<label for="">优惠卷码</label>
						<ul>
							<li>
								<div class="youhui">
									<input type="text" name="" id="" placeholder="优惠码" />
								</div>
								<a href="">使用</a>
							</li>
						</ul>
					</div>
					<!--推荐人信息-->
					<div class="recommend">
						<label for="">推荐人信息</label>
						<div class="recommend_phone">
							<div>
								<input type="" name="" id="" placeholder="请输入推荐人手机号码" />
							</div>
						</div>
					</div>
					
					<!--结算清单-->
					<div class="account">
						<!--清单-->
						<div class="account_list">
							<ul>
								<li>
									<span>商品数量</span>
									<span>2</span>	
								</li>
								<li>
									<span>商品总额</span>
									<span>￥3599.00</span>
								</li>
								<li>
									<span>优惠券/码</span>
									<span>-￥0.00</span>
								</li>
								<li>
									<span>货到付款手续费</span>
									<span>￥0.00</span>
								</li>
								<li>
									<span>邮费</span>
									<span>￥0.00</span>
								</li>
							</ul>
						</div>
						<!--价格-->
						<div class="account_price">
							<section>
								<label>应付:</label>
								<strong>
									<span class="money">￥</span>
									<span class="price">3599.00</span>
								</strong>
							</section>
							<a href="">去付款</a>
						</div>
					</div>
				</section>
			</section>
			<!--尾部-->
			<footer>
				<div class="foot_a">
					<div class="list">
						<dl class="list_a">
							<dt>推荐机型</dt>
							<dd><a href="">R11s</a></dd>
							<dd><a href="">A73</a></dd>
							<dd><a href="">A57</a></dd>
							<dd><a href="">A79</a></dd>
						</dl>
						<dl class="list_a">
							<dt>服务</dt>
							<dd><a href="">服务网点查询</a></dd>
							<dd><a href="">零配件价格查询</a></dd>
							<dd><a href="">官方授权网店</a></dd>
							<dd><a href="">预置软件公示</a></dd>
						</dl>
						<dl class="list_a">
							<dt>关于我们</dt>
							<dd><a href="">关于 OPPO</a></dd>
							<dd><a href="">加入我们</a></dd>
						</dl>
						<dl class="list_a">
							<dt>商务合作</dt>
							<dd><a href="">开放平台</a></dd>
							<dd><a href="">采购相关</a></dd>
						</dl>
						<div class="contact">
							<a href="" class="oc-icon oc-iconfont-ooo">
								<span>在线客服</span>
							</a>
							<h3>4001-666-888</h3>
							<p>24  小时全国热线</p>
						</div>
					</div>
				</div>
				<div class="foot_b">
					<p>
						© 2005 - 2017 OPPO 版权所有 <a href="">粤ICP备14056724号-2</a> 联系方式：4001-666-888
						<a href="">
							<b>
							</b>
						</a>
					</p>
					<div class="ico">
						<strong>关于我们:</strong>
						<a href="">
							<i class="oc-icon oc-iconfont-weibo"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-weixin"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-alipay">
							</i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-global">
							</i>
							<span>Global</span>
						</a>
						
					</div>
				</div>
			</footer>
		</div>
	</body>
</html>
